﻿<ribbon:RibbonWindow x:Class="ProggersWTC.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary"
        Title="MainWindow"
		x:Name="RibbonWindow"
		Width="800" Height="600">

	<Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <ribbon:Ribbon x:Name="Ribbon" SelectionChanged="Ribbon_OnTabClick">
            <ribbon:Ribbon.ApplicationMenu>
                <ribbon:RibbonApplicationMenu SmallImageSource="Images\main-icon.png">
                    <ribbon:RibbonApplicationMenuItem Header="Afsluiten"
                                                      x:Name="afsluitenMenuItem"
                                                      ImageSource="Images\exit-icon.png" Click="afsluitenMenuItem_Click" />
                </ribbon:RibbonApplicationMenu>
            </ribbon:Ribbon.ApplicationMenu>
            <ribbon:RibbonTab x:Name="ledenBeheerTab" 
                              Header="Ledenbeheer"> 
                <ribbon:RibbonGroup x:Name="speleractiesRibbonGroup"
                                    Header="Speleracties">
                    <ribbon:RibbonButton x:Name="addSpelerRibbonButton"
                                         LargeImageSource="Images\add-icon.png"
                                         SmallImageSource="Images\add-icon.png"
                                         Width="75"
                                         Label="Toevoegen" Click="spelerRibbonButton_Click" />
                    <ribbon:RibbonButton x:Name="editSpelerRibbonButton"
                                         LargeImageSource="Images\edit-icon.png"
                                         SmallImageSource="Images\edit-icon.png"
                                         Width="75"
                                         Label="Bewerken" Click="spelerRibbonButton_Click" />
                    <ribbon:RibbonButton x:Name="deleteSpelerRibbonButton"
                                         LargeImageSource="Images\remove-icon.png"
                                         SmallImageSource="Images\remove-icon.png"
                                         Width="75"
                                         Label="Verwijderen" Click="spelerRibbonButton_Click" />
                </ribbon:RibbonGroup>
            </ribbon:RibbonTab>
            <ribbon:RibbonTab x:Name="boekhoudingTab"
                              Header="Boekhouding">
                <ribbon:RibbonGroup x:Name="boekhoudactiesRibbonGroup"
                                    Header="Kosten">
                    <ribbon:RibbonButton x:Name="berekenRibbonButton"
                                         LargeImageSource="Images\add-icon.png"
                                         SmallImageSource="Images\bereken-icon.png"
                                         Width="75"
                                         Label="Berekenen" Click="boekhoudRibbonButton_Click" />
                </ribbon:RibbonGroup>
            </ribbon:RibbonTab>
            <ribbon:RibbonTab x:Name="ploegenTab"
                              Header="Ploegen">
                <ribbon:RibbonGroup x:Name="ploegenactiesRibbonGroup"
                                    Header="Ploegenacties">
                    <ribbon:RibbonButton x:Name="addPloegRibbonButton"
                                         LargeImageSource="Images\add-icon.png"
                                         SmallImageSource="Images\add-icon.png"
                                         Width="75"
                                         Label="Toevoegen" Click="ploegRibbonButton_Click" />
                    <ribbon:RibbonButton x:Name="editPloegRibbonButton"
                                         LargeImageSource="Images\edit-icon.png"
                                         SmallImageSource="Images\edit-icon.png"
                                         Width="75"
                                         Label="Bewerken" Click="ploegRibbonButton_Click" />
                    <ribbon:RibbonButton x:Name="deletePloegRibbonButton"
                                         LargeImageSource="Images\remove-icon.png"
                                         SmallImageSource="Images\remove-icon.png"
                                         Width="75"
                                         Label="Verwijderen" Click="ploegRibbonButton_Click" />
                </ribbon:RibbonGroup>
            </ribbon:RibbonTab>
            <ribbon:RibbonTab x:Name="wedstrijdenTab"
                              Header="Wedstrijden">
                
            </ribbon:RibbonTab>
        </ribbon:Ribbon>

        <Frame Grid.Row="1" 
               HorizontalAlignment="Stretch" 
               Name="mainFrame" 
               VerticalAlignment="Top"
               NavigationUIVisibility="Hidden" LoadCompleted="mainFrame_LoadCompleted" />

    </Grid>
</ribbon:RibbonWindow>
